<!doctype html>
<html lang="zh-CN">
 <head> 
  <meta charset="utf-8"> 
  <meta content="width=device-width, initial-scale=1.0" name="viewport"> 
  <title>年度规划项目 - 学员端</title> 
  <script src="../javascript/reload.js"></script> 
  <script src="./1969766167933353984/resource_7847410000.js"></script> 
  <link href="./1969766167933353984/all.min.css" rel="stylesheet"> 
  <script src="./1969766167933353984/echarts.min.js"></script> 
  <script>tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#165DFF',
                        secondary: '#4080FF',
                        accent: '#0E42D2',
                        neutral: '#F5F7FA',
                        'neutral-dark': '#E5E6EB',
                        'text-primary': '#1D2129',
                        'text-secondary': '#4E5969',
                        'text-tertiary': '#86909C',
                        success: '#00B42A',
                        warning: '#FF7D00',
                        danger: '#F53F3F',
                        info: '#86909C'
                    },
                    fontFamily: {
                        inter: ['Inter', 'system-ui', 'sans-serif'],
                    },
                    spacing: {
                        '220': '220px',
                        '250': '250px',
                    }
                },
            }
        }</script> 
  <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .scrollbar-hide {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .menu-active {
                @apply bg-primary/10 text-primary border-l-4 border-primary;
            }
            .menu-item {
                @apply flex items-center px-4 py-3 text-text-secondary hover:bg-neutral-dark transition-all duration-200 cursor-pointer;
            }
            .menu-item-active {
                @apply bg-primary/10 text-primary border-l-4 border-primary;
            }
            .submenu-item {
                @apply flex items-center px-8 py-2.5 text-text-secondary hover:bg-neutral-dark transition-all duration-200 cursor-pointer text-sm;
            }
            .submenu-item-active {
                @apply bg-primary/10 text-primary;
            }
            .card-shadow {
                box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.06);
            }
            .btn-primary {
                @apply bg-primary text-white px-4 py-2 rounded-md hover:bg-accent transition-all duration-200 flex items-center justify-center;
            }
            .btn-secondary {
                @apply bg-white text-primary border border-primary px-4 py-2 rounded-md hover:bg-primary/5 transition-all duration-200 flex items-center justify-center;
            }
            .btn-outline {
                @apply bg-white text-text-secondary border border-neutral-dark px-4 py-2 rounded-md hover:bg-neutral transition-all duration-200 flex items-center justify-center;
            }
            .input-field {
                @apply w-full px-3 py-2 border border-neutral-dark rounded-md focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-200;
            }
            .table-header {
                @apply bg-neutral text-text-secondary text-sm font-medium px-4 py-3;
            }
            .table-row {
                @apply border-b border-neutral-dark hover:bg-neutral/50 transition-all duration-200;
            }
            .badge {
                @apply px-2 py-1 rounded-full text-xs font-medium;
            }
            .badge-success {
                @apply bg-green-100 text-green-700;
            }
            .badge-warning {
                @apply bg-yellow-100 text-yellow-700;
            }
            .badge-danger {
                @apply bg-red-100 text-red-700;
            }
            .badge-info {
                @apply bg-blue-100 text-blue-700;
            }
            .progress-ring-circle {
                transition: stroke-dashoffset 0.35s;
                transform: rotate(-90deg);
                transform-origin: 50% 50%;
            }
            .tab-item {
                @apply px-3 py-1 rounded-md cursor-pointer transition-all duration-200;
            }
            .tab-item.active {
                @apply bg-primary/10 text-primary;
            }
            .modal-backdrop {
                @apply fixed inset-0 bg-black bg-opacity-50 z-40 transition-opacity duration-300;
            }
            .modal-content {
                @apply bg-white rounded-lg shadow-xl w-full max-w-2xl max-h-[90vh] overflow-y-auto transform transition-all duration-300 ease-in-out z-50;
            }
        }
    </style> 
 </head> 
 <body class="font-inter bg-neutral text-text-primary h-screen flex overflow-hidden"> 
  <!-- [MODULE] abc_主内容区域 --> 
  <!-- 左侧菜单区域 --> 
  <aside class="w-220 bg-white h-full shadow-md z-10 transition-all duration-300 ease-in-out" id="sidebar"> 
   <!-- 品牌标识 --> 
   <div class="flex items-center justify-center h-16 border-b border-neutral-dark"> 
    <div class="flex items-center"> 
     <i class="fas fa-chart-line text-primary text-2xl mr-3"> </i> 
     <h1 class="text-xl font-bold text-primary"> Hi Quick AI </h1> 
    </div> 
   </div> 
   <!-- 菜单列表 --> 
   <nav class="py-4 h-[calc(100%-4rem)] overflow-y-auto scrollbar-hide"> 
    <!-- 每月必做 --> 
    <div class="menu-group"> 
     <a class="yt-a-defalut-link menu-item flex justify-between" custom-a="true" custom-href="w=1245&amp;h=762&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1968264071639728128&amp;appName=年规学员端最新版1.1" href="javascript:void(0);" is-add="false" is-page="true" onclick="ytCustomLinkNavigation()" style="display: inline; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytextravalue="extra-ebhx5gxes"> </a> 
     <a class="yt-a-defalut-link menu-item flex justify-between" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1359&amp;h=913&amp;appuuid=1969721745313103872&amp;version=2&amp;pageType=web&amp;uuid=1968264071639728128&amp;appName=demo" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: inline; padding: 0px; border: 0px; box-shadow: none;"> 
      <div class="menu-item flex justify-between" data-menu="monthly" data-selectorname="#id-ob3k1" style="opacity: 1; color: rgb(78, 89, 105); font-family: Inter, system-ui, sans-serif; font-size: 16px; font-weight: 400; font-style: normal; line-height: 24px; text-align: start; text-indent: 0px;" data-ytparentvalue="extra-ebhx5gxes" data-ytoriginindex="0" data-ytindex="0"> 
       <div class="flex items-center"> 
        <i class="fas fa-calendar-check text-lg mr-3"> </i> 
        <span class contenteditable="false" style="outline: none;"> 工作台 </span> 
       </div> 
      </div> </a> 
     <div class="submenu" id="submenu-monthly"> 
     </div> 
    </div> 
    <!-- 公司公告 --> 
    <div class="menu-group"> 
     <a class="yt-a-defalut-link menu-item flex justify-between" custom-a="true" custom-href="w=1397&amp;h=875&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1968578812111224832&amp;appName=demo" href="javascript:void(0);" is-add="true" is-page="true" onclick="ytCustomLinkNavigation()" style="display: inline; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytextravalue="extra-qwirbr7nn"> </a> 
     <a class="yt-a-defalut-link menu-item flex justify-between" target="_top" is-page="true" href="javascript:void(0);" custom-href="w=1359&amp;h=913&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1968578812111224832&amp;appName=demo" onclick="ytCustomLinkNavigation()" custom-a="true" is-add="true" style="display: inline; padding: 0px; border: 0px; box-shadow: none;"> 
      <div class="menu-item flex justify-between" data-menu="announcements" data-selectorname="#id-ykzyj" style="opacity: 1; color: rgb(78, 89, 105); font-family: Inter, system-ui, sans-serif; font-size: 16px; font-weight: 400; font-style: normal; line-height: 24px; text-align: start; text-indent: 0px;" data-ytparentvalue="extra-qwirbr7nn" data-ytoriginindex="0" data-ytindex="0"> 
       <div class="flex items-center"> 
        <i class="fas fa-bullhorn text-lg mr-3"> </i> 
        <span> 公司公告 </span> 
       </div> 
      </div> </a> 
     <div class="submenu" id="submenu-announcements"> 
     </div> 
    </div> 
    <!-- 年规管理 --> 
    <div class="menu-group"> 
     <div class="menu-item flex justify-between menu-item-active" data-menu="planning"> 
      <div class="flex items-center"> 
       <i class="fas fa-bullseye text-lg mr-3"> </i> 
       <span> 年规管理 </span> 
      </div> 
      <i class="fas fa-chevron-down text-xs transition-transform duration-200"> </i> 
     </div> 
     <div class="submenu" id="submenu-planning" data-ytextravalue="extra-qwf1xqay4"> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1321&amp;h=831&amp;appuuid=1969721745313103872&amp;version=2&amp;pageType=web&amp;uuid=1969787710210048000&amp;appName=demo1" href="javascript:void(0);" is-add="false" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytextravalue="extra-r74ex0gmi" data-ytoriginindex="0" data-ytindex="0" data-ytparentvalue="extra-qwf1xqay4"> 
       <div class="submenu-item" data-page="goal-dashboard" data-selectorname="#id-eafth" style data-ytparentvalue="extra-r74ex0gmi" data-ytoriginindex="0" data-ytindex="0"> 
        <i class="fas fa-chart-pie text-xs mr-2"> </i> 
        <span style> 目标进度看板 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1390&amp;h=831&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1969803110087917568&amp;appName=demo1" href="javascript:void(0);" is-add="false" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytparentvalue="extra-qwf1xqay4" data-ytoriginindex="1" data-ytindex="1"> 
       <div class="submenu-item" data-page="performance-entry" data-selectorname="#id-024xj" style> 
        <i class="fas fa-pencil-alt text-xs mr-2"> </i> 
        <span> 业绩回填 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1303&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967832363245240320&amp;appName=年规学员端左侧菜单版" href="javascript:void(0);" is-add="true" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytoriginindex="2" data-ytindex="2"> 
       <div class="submenu-item" data-page="product-library" data-selectorname="#id-mexhf" style> 
        <i class="fas fa-box text-xs mr-2"> </i> 
        <span> 产品库 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href href="javascript:void(0);" is-add="false" is-page="true" onclick style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytoriginindex="3" data-ytindex="3"> 
       <div class="submenu-item submenu-item-active" data-page="marketing-plan" data-selectorname="#id-jwgdf" style> 
        <i class="fas fa-bullhorn text-xs mr-2"> </i> 
        <span> 营销计划 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1303&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967839529905684480&amp;appName=年规学员端左侧菜单版" href="javascript:void(0);" is-add="true" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytoriginindex="4" data-ytindex="4"> 
       <div class="submenu-item" data-page="customer-records" data-selectorname="#id-t3ofb" style> 
        <i class="fas fa-users text-xs mr-2"> </i> 
        <span> 客户档案 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1303&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967841389332922368&amp;appName=年规学员端左侧菜单版" href="javascript:void(0);" is-add="true" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytoriginindex="5" data-ytindex="5"> 
       <div class="submenu-item" data-page="pk-activities" data-selectorname="#id-p06ig" style> 
        <i class="fas fa-trophy text-xs mr-2"> </i> 
        <span> PK 活动 </span> 
       </div> </a> 
     </div> 
    </div> 
    <!-- 工作管理 --> 
    <div class="menu-group"> 
     <div class="menu-item flex justify-between" data-menu="work"> 
      <div class="flex items-center"> 
       <i class="fas fa-briefcase text-lg mr-3"> </i> 
       <span> 工作管理 </span> 
      </div> 
      <i class="fas fa-chevron-right text-xs transition-transform duration-200"> </i> 
     </div> 
     <div class="submenu hidden" id="submenu-work"> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1303&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967843857995399168&amp;appName=年规学员端左侧菜单版" href="javascript:void(0);" is-add="false" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top"> 
       <div class="submenu-item" data-page="work-dashboard" data-selectorname="#id-lpvb0" style> 
        <i class="fas fa-chart-bar text-xs mr-2"> </i> 
        <span> 周日报管理 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1303&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967850301578805248&amp;appName=年规学员端左侧菜单版" data-selectorname="#id-tjs4t" href="javascript:void(0);" is-add="false" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top"> 
       <div class="submenu-item" data-page="meeting-plan" data-selectorname="#id-wn08y" style> 
        <i class="fas fa-calendar-alt text-xs mr-2"> </i> 
        <span> 会议计划 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1187&amp;h=772&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967852373321711616&amp;appName=年规学员端左侧菜单版" href="javascript:void(0);" is-add="false" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top"> 
       <div class="submenu-item" data-page="work-tasks" data-selectorname="#id-0n5h8" style> 
        <i class="fas fa-tasks text-xs mr-2"> </i> 
        <span style> 工作任务 </span> 
       </div> </a> 
     </div> 
    </div> 
    <!-- 学习成长 --> 
    <div class="menu-group"> 
     <div class="menu-item flex justify-between" data-menu="learning"> 
      <div class="flex items-center"> 
       <i class="fas fa-graduation-cap text-lg mr-3"> </i> 
       <span> 学习成长 </span> 
      </div> 
      <i class="fas fa-chevron-right text-xs transition-transform duration-200"> </i> 
     </div> 
     <div class="submenu hidden" id="submenu-learning" data-ytextravalue="extra-l1moa29mq"> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1113&amp;h=728&amp;appuuid=1969721745313103872&amp;version=2&amp;pageType=web&amp;uuid=1968967895824203776&amp;appName=年规学员端最新版1.1" href="javascript:void(0);" is-add="false" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytparentvalue="extra-l1moa29mq" data-ytoriginindex="0" data-ytindex="0"> 
       <div class="submenu-item" data-page="company-culture" data-selectorname="#id-4eq9b" style> 
        <i class="fas fa-building text-xs mr-2"> </i> 
        <span style> 企业文化 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1303&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967868783729049600&amp;appName=年规学员端左侧菜单版" href="javascript:void(0);" is-add="true" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytoriginindex="1" data-ytindex="1"> 
       <div class="submenu-item" data-page="course-center" data-selectorname="#id-uf7mb" style> 
        <i class="fas fa-book-open text-xs mr-2"> </i> 
        <span style> 课程中心 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1303&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967868795963834368&amp;appName=年规学员端左侧菜单版" href="javascript:void(0);" is-add="true" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytoriginindex="2" data-ytindex="2"> 
       <div class="submenu-item" data-page="knowledge-base" data-selectorname="#id-3y7n3" style> 
        <i class="fas fa-book text-xs mr-2"> </i> 
        <span> 知识库 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1303&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967868797977100288&amp;appName=年规学员端左侧菜单版" href="javascript:void(0);" is-add="true" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top" data-ytoriginindex="3" data-ytindex="3"> 
       <div class="submenu-item" data-page="learning-plan" data-selectorname="#id-jmpo4" style> 
        <i class="fas fa-clipboard-list text-xs mr-2"> </i> 
        <span> 学习计划 </span> 
       </div> </a> 
     </div> 
    </div> 
    <!-- 个人档案 --> 
    <div class="menu-group"> 
     <div class="menu-item flex justify-between" data-menu="profile"> 
      <div class="flex items-center"> 
       <i class="fas fa-user text-lg mr-3"> </i> 
       <span> 个人档案 </span> 
      </div> 
      <i class="fas fa-chevron-down text-xs transition-transform duration-200"> </i> 
     </div> 
     <div class="submenu" id="submenu-profile"> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1303&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967868800292356096&amp;appName=年规学员端左侧菜单版" href="javascript:void(0);" is-add="true" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top"> 
       <div class="submenu-item" data-page="basic-info" data-selectorname="#id-vt0oi" style> 
        <i class="fas fa-id-card text-xs mr-2"> </i> 
        <span style> 基本信息 </span> 
       </div> </a> 
      <a class="yt-a-defalut-link submenu-item flex" custom-a="true" custom-href="w=1303&amp;h=797&amp;appuuid=1969721745313103872&amp;version=1&amp;pageType=web&amp;uuid=1967868801315766272&amp;appName=年规学员端左侧菜单版" href="javascript:void(0);" is-add="true" is-page="true" onclick="ytCustomLinkNavigation()" style="display: flex; padding: 0px; border: 0px; box-shadow: none;" target="_top"> 
       <div class="submenu-item" data-page="account-settings" data-selectorname="#id-vhjxo" style> 
        <i class="fas fa-cog text-xs mr-2"> </i> 
        <span style> 账号设置 </span> 
       </div> </a> 
     </div> 
    </div> 
   </nav> 
  </aside> 
  <!-- 右侧内容区域 --> 
  <main class="flex-1 flex flex-col overflow-hidden"> 
   <!-- 顶部导航栏 --> 
   <header class="h-16 bg-white border-b border-neutral-dark flex items-center justify-between px-6 z-10"> 
    <div class="flex items-center"> 
     <button class="mr-4 text-text-secondary hover:text-primary transition-colors duration-200" id="toggle-sidebar"> <i class="fas fa-bars text-xl"> </i> </button> 
     <div class="text-sm text-text-tertiary" id="breadcrumb"> 
      <span> 年规管理 </span> 
      <i class="fas fa-angle-right mx-2 text-xs"> </i> 
      <span> 营销计划 </span> 
     </div> 
    </div> 
    <div class="flex items-center space-x-6"> 
     <div class="relative"> 
      <input class="pl-10 pr-4 py-2 rounded-full text-sm border border-neutral-dark focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary w-64" placeholder="搜索..." type="text"> 
      <i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-text-tertiary"> </i> 
     </div> 
     <div class="relative"> 
      <button class="relative text-text-secondary hover:text-primary transition-colors duration-200"> <i class="fas fa-bell text-xl"> </i> <span class="absolute top-0 right-0 w-2 h-2 bg-red-500 rounded-full"> </span> </button> 
     </div> 
     <div class="flex items-center cursor-pointer group"> 
      <img alt="用户头像" class="w-8 h-8 rounded-full object-cover border-2 border-transparent group-hover:border-primary transition-all duration-200" src="./1969766167933353984/f48e4ae6256cb09fa61d11486866b14f.png"> 
      <div class="ml-2 hidden md:block"> 
       <div class="text-sm font-medium">
         张明 
       </div> 
       <div class="text-xs text-text-tertiary">
         销售部 
       </div> 
      </div> 
      <i class="fas fa-angle-down ml-1 text-text-tertiary"> </i> 
     </div> 
    </div> 
   </header> 
   <!-- [MODULE] d23_营销计划页面 --> 
   <!-- 内容滚动区域 --> 
   <div class="flex-1 overflow-y-auto p-6 bg-neutral" id="content-area"> 
    <!-- [MODULE] 33f_营销计划页面:页面标题 --> 
    <div class="flex justify-between items-center mb-6"> 
     <h2 class="text-2xl font-bold"> <span class="tab-item active px-3 py-1 rounded-md cursor-pointer" data-tab="marketing-input"> 营销投入看板 </span> <span class="tab-item px-3 py-1 rounded-md cursor-pointer" data-tab="customer-visit"> 客户拜访计划 </span> <span class="tab-item px-3 py-1 rounded-md cursor-pointer" data-tab="marketing-strategy"> 营销策略 </span> </h2> 
     <div class="flex space-x-3"> 
      <div class="relative"> 
       <select class="appearance-none bg-white border border-neutral-dark rounded-lg px-4 py-2 pr-8 text-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary"> <option> 2024年 </option> <option> 2023年 </option> <option> 2022年 </option> </select> 
       <i class="fas fa-chevron-down absolute right-3 top-1/2 transform -translate-y-1/2 text-text-tertiary pointer-events-none text-xs"> </i> 
      </div> 
     </div> 
    </div> 
    <!-- [/MODULE] 33f_营销计划页面:页面标题 -- 包含页面标题、年份选择下拉框和添加营销活动按钮 --> 
    <!-- 营销投入看板页面 --> 
    <div class="tab-content active" id="tab-marketing-input"> 
     <!-- [MODULE] a7g_营销计划页面:核心指标 --> 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6" data-ytextravalue="extra-iu6gd6ikb"> 
      <!-- 商机目标 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300" data-ytindex="0" data-ytoriginindex="0" data-ytparentvalue="extra-iu6gd6ikb" style="opacity: 1;"> 
       <div class="flex justify-between items-start mb-4" data-ytextravalue="extra-qlbi55o4z" style> 
        <div data-ytextravalue="extra-aig536do8" data-ytindex="0" data-ytoriginindex="0" data-ytparentvalue="extra-qlbi55o4z" style> 
         <p class="text-text-tertiary text-sm mb-1" contenteditable="true" data-ytindex="0" data-ytoriginindex="0" data-ytparentvalue="extra-aig536do8" style="outline: rgb(60, 142, 255) dashed 2px; opacity: 1;"> 营销投入总额 </p> 
         <h3 class="text-3xl font-bold" data-ytextravalue="extra-aspvtmx1o" data-ytindex="1" data-ytoriginindex="1" style> 2,000 <span class="text-base font-normal text-text-tertiary" data-ytindex="1" data-ytoriginindex="1" data-ytparentvalue="extra-aspvtmx1o" style> 万元 </span> </h3> 
        </div> 
        <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary" data-ytindex="1" data-ytoriginindex="1" style> 
         <i class="fas fa-lightbulb" style> </i> 
        </div> 
       </div> 
       <div class="flex items-center"> 
        <span class="text-success flex items-center text-sm font-medium"> <i class="fas fa-arrow-up mr-1"> </i> 12.5% </span> 
        <span class="text-text-tertiary text-sm ml-2"> 相比上季度 </span> 
       </div> 
      </div> 
      <!-- 总成交客户数 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300" data-ytindex="1" data-ytoriginindex="1" data-ytparentvalue="extra-iu6gd6ikb" style="opacity: 1;"> 
       <div class="flex justify-between items-start mb-4" style> 
        <div> 
         <p class="text-text-tertiary text-sm mb-1" style> 总成交客户数 </p> 
         <h3 class="text-3xl font-bold" style> 150 <span class="text-base font-normal text-text-tertiary" style> 个 </span> </h3> 
        </div> 
        <div class="w-10 h-10 rounded-full bg-success/10 flex items-center justify-center text-success" style> 
         <i class="fas fa-handshake"> </i> 
        </div> 
       </div> 
       <div class="flex items-center" style> 
        <span class="text-success flex items-center text-sm font-medium"> <i class="fas fa-arrow-up mr-1"> </i> 8.3% </span> 
        <span class="text-text-tertiary text-sm ml-2"> 相比上季度 </span> 
       </div> 
      </div> 
      <!-- 营销投入总额 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300" data-ytindex="2" data-ytoriginindex="2" data-ytparentvalue="extra-iu6gd6ikb" style="opacity: 1;"> 
       <div class="flex justify-between items-start mb-4" style> 
        <div data-ytextravalue="extra-3x9qwv1yr" style> 
         <p class="text-text-tertiary text-sm mb-1" data-ytindex="0" data-ytoriginindex="0" data-ytparentvalue="extra-3x9qwv1yr" style> 商机目标 </p> 
         <h3 class="text-3xl font-bold" data-ytindex="1" data-ytoriginindex="1" style> 5.5 <span class="text-base font-normal text-text-tertiary" style> 个 </span> </h3> 
        </div> 
        <div class="w-10 h-10 rounded-full bg-warning/10 flex items-center justify-center text-warning" style> 
         <i class="fas fa-money-bill-wave" style> </i> 
        </div> 
       </div> 
       <div class="flex items-center"> 
        <span class="text-danger flex items-center text-sm font-medium"> <i class="fas fa-arrow-up mr-1"> </i> 5.2% </span> 
        <span class="text-text-tertiary text-sm ml-2"> 相比上季度 </span> 
       </div> 
      </div> 
      <!-- ROI --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300" data-ytindex="3" data-ytoriginindex="3"> 
       <div class="flex justify-between items-start mb-4"> 
        <div> 
         <p class="text-text-tertiary text-sm mb-1"> 投资回报率 </p> 
         <h3 class="text-3xl font-bold"> 3.8 <span class="text-base font-normal text-text-tertiary"> 倍 </span> </h3> 
        </div> 
        <div class="w-10 h-10 rounded-full bg-info/10 flex items-center justify-center text-info"> 
         <i class="fas fa-chart-line"> </i> 
        </div> 
       </div> 
       <div class="flex items-center"> 
        <span class="text-success flex items-center text-sm font-medium"> <i class="fas fa-arrow-up mr-1"> </i> 0.5 </span> 
        <span class="text-text-tertiary text-sm ml-2"> 相比上季度 </span> 
       </div> 
      </div> 
     </div> 
     <!-- [/MODULE] a7g_营销计划页面:核心指标 --> 
     <!-- [MODULE] 5t7_营销计划页面:投入概览 --> 
     <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6"> 
      <!-- 线上营销投入 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300"> 
       <div class="flex justify-between items-center mb-6"> 
        <h3 class="text-lg font-semibold"> 线上营销投入 </h3> 
        <div class="flex space-x-2"> 
         <button class="btn-outline text-xs px-3 py-1"> <i class="fas fa-download mr-1"> </i> 导出 </button> 
        </div> 
       </div> 
       <div class="flex items-center justify-center mb-6"> 
        <div class="relative w-48 h-48"> 
         <svg class="w-full h-full" viewbox="0 0 100 100"> 
          <circle cx="50" cy="50" fill="none" r="45" stroke="#F5F7FA" stroke-width="10"> 
          </circle> 
          <circle class="progress-ring-circle" cx="50" cy="50" fill="none" id="online-progress" r="45" stroke="#165DFF" stroke-dasharray="283" stroke-dashoffset="220" stroke-width="10"> 
          </circle> 
         </svg> 
         <div class="absolute inset-0 flex flex-col items-center justify-center"> 
          <span class="text-3xl font-bold text-primary"> 22% </span> 
          <span class="text-text-tertiary text-sm"> 完成度 </span> 
         </div> 
        </div> 
       </div> 
       <div class="grid grid-cols-3 gap-4 text-center"> 
        <div class="p-3 bg-neutral rounded-lg"> 
         <p class="text-text-tertiary text-xs mb-1"> 预投入 </p> 
         <p class="text-lg font-semibold"> 4.5万元 </p> 
        </div> 
        <div class="p-3 bg-neutral rounded-lg"> 
         <p class="text-text-tertiary text-xs mb-1"> 实际投入 </p> 
         <p class="text-lg font-semibold text-primary"> 1万元 </p> 
        </div> 
        <div class="p-3 bg-neutral rounded-lg"> 
         <p class="text-text-tertiary text-xs mb-1"> 剩余 </p> 
         <p class="text-lg font-semibold text-warning"> 3.5万元 </p> 
        </div> 
       </div> 
      </div> 
      <!-- 线下营销投入 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300"> 
       <div class="flex justify-between items-center mb-6"> 
        <h3 class="text-lg font-semibold"> 线下营销投入 </h3> 
        <div class="flex space-x-2"> 
         <button class="btn-outline text-xs px-3 py-1"> <i class="fas fa-download mr-1"> </i> 导出 </button> 
        </div> 
       </div> 
       <div class="flex items-center justify-center mb-6"> 
        <div class="relative w-48 h-48"> 
         <svg class="w-full h-full" viewbox="0 0 100 100"> 
          <circle cx="50" cy="50" fill="none" r="45" stroke="#F5F7FA" stroke-width="10"> 
          </circle> 
          <circle class="progress-ring-circle" cx="50" cy="50" fill="none" id="offline-progress" r="45" stroke="#F53F3F" stroke-dasharray="283" stroke-dashoffset="283" stroke-width="10"> 
          </circle> 
         </svg> 
         <div class="absolute inset-0 flex flex-col items-center justify-center"> 
          <span class="text-3xl font-bold text-danger"> 0% </span> 
          <span class="text-text-tertiary text-sm"> 完成度 </span> 
         </div> 
        </div> 
       </div> 
       <div class="grid grid-cols-3 gap-4 text-center"> 
        <div class="p-3 bg-neutral rounded-lg"> 
         <p class="text-text-tertiary text-xs mb-1"> 预投入 </p> 
         <p class="text-lg font-semibold"> 1万元 </p> 
        </div> 
        <div class="p-3 bg-neutral rounded-lg" data-ytextravalue="extra-czh7drxf3"> 
         <p class="text-text-tertiary text-xs mb-1" data-ytindex="0" data-ytoriginindex="0"> 实际投入 </p> 
         <p class="text-lg font-semibold text-danger" data-ytindex="1" data-ytoriginindex="1" data-ytparentvalue="extra-czh7drxf3"> 0万元 </p> 
        </div> 
        <div class="p-3 bg-neutral rounded-lg"> 
         <p class="text-text-tertiary text-xs mb-1"> 剩余 </p> 
         <p class="text-lg font-semibold text-success"> 1万元 </p> 
        </div> 
       </div> 
      </div> 
     </div> 
     <!-- [/MODULE] 5t7_营销计划页面:投入概览 -- 包含线上和线下营销投入的环形进度条、预投入、实际投入和剩余金额数据 --> 
     <!-- [MODULE] 7d9_营销计划页面:投入分类 --> 
     <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6"> 
      <!-- 阿里国际站 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300 lg:col-span-2" data-ytextravalue="extra-l6kxectvt"> 
       <div class="flex justify-between items-center mb-6" data-ytindex="0" data-ytoriginindex="0" data-ytparentvalue="extra-l6kxectvt"> 
        <h3 class="text-lg font-semibold"> 阿里国际站投入 </h3> 
        <div class="flex items-center space-x-4"> 
         <div class="flex items-center"> 
          <button class="text-xs text-text-tertiary hover:text-primary transition-colors duration-200 flex items-center" id="toggle-chart"> <i class="fas fa-chart-bar mr-1"> </i> </button> 
          <button class="text-xs text-primary font-medium flex items-center" id="toggle-table"> <i class="fas fa-table mr-1"> </i> </button> 
         </div> 
         <button class="btn-outline text-xs px-3 py-1"> <i class="fas fa-download mr-1"> </i> 导出 </button> 
        </div> 
       </div> 
       <div class="hidden mb-6" data-ytindex="1" data-ytoriginindex="1" id="ali-chart-view"> 
        <div class="h-64" id="ali-investment-chart"> 
        </div> 
       </div> 
       <div data-ytindex="2" data-ytoriginindex="2" id="ali-table-view"> 
        <div class="overflow-x-auto"> 
         <table class="min-w-full divide-y divide-neutral-dark"> 
          <thead> 
           <tr> 
            <th class="table-header text-left"> 营销渠道 </th> 
            <th class="table-header text-center"> 预投入(万元) </th> 
            <th class="table-header text-center"> 已投入(万元) </th> 
            <th class="table-header text-center"> 占比 </th> 
            <th class="table-header text-center"> 状态 </th> 
            <th class="table-header text-right"> 已开发商机数 </th> 
           </tr> 
          </thead> 
          <tbody class="divide-y divide-neutral-dark"> 
           <tr class="table-row"> 
            <td class="px-4 py-4 whitespace-nowrap"> 
             <div class="flex items-center"> 
              <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center text-primary mr-3"> 
               <i class="fas fa-globe"> </i> 
              </div> 
              <div> 
               <div class="text-sm font-medium">
                 出口通 
               </div> 
               <div class="text-xs text-text-tertiary">
                 基础会员服务 
               </div> 
              </div> 
             </div> </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> 2.0 </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> 2.0 </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> 
             <div class="w-full bg-neutral rounded-full h-2.5"> 
              <div class="bg-success h-2.5 rounded-full" style="width: 100%"> 
              </div> 
             </div> 
             <div class="text-xs text-text-tertiary mt-1">
               100% 
             </div> </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> <span class="badge badge-success"> 已完成 </span> </td> 
            <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3"> 123049个 </button> </td> 
           </tr> 
           <tr class="table-row"> 
            <td class="px-4 py-4 whitespace-nowrap"> 
             <div class="flex items-center"> 
              <div class="w-8 h-8 rounded-full bg-purple-100 flex items-center justify-center text-purple-600 mr-3"> 
               <i class="fas fa-certificate"> </i> 
              </div> 
              <div> 
               <div class="text-sm font-medium">
                 全品诚企 
               </div> 
               <div class="text-xs text-text-tertiary">
                 高级会员服务 
               </div> 
              </div> 
             </div> </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> 1.5 </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> 0.8 </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> 
             <div class="w-full bg-neutral rounded-full h-2.5"> 
              <div class="bg-primary h-2.5 rounded-full" style="width: 53%"> 
              </div> 
             </div> 
             <div class="text-xs text-text-tertiary mt-1">
               53% 
             </div> </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> <span class="badge badge-warning"> 进行中 </span> </td> 
            <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3"> 3253个 </button> </td> 
           </tr> 
           <tr class="table-row"> 
            <td class="px-4 py-4 whitespace-nowrap"> 
             <div class="flex items-center"> 
              <div class="w-8 h-8 rounded-full bg-orange-100 flex items-center justify-center text-orange-600 mr-3"> 
               <i class="fas fa-bullhorn"> </i> 
              </div> 
              <div> 
               <div class="text-sm font-medium">
                 P4P推广 
               </div> 
               <div class="text-xs text-text-tertiary">
                 付费点击推广 
               </div> 
              </div> 
             </div> </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> 1.0 </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> 0.2 </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> 
             <div class="w-full bg-neutral rounded-full h-2.5"> 
              <div class="bg-warning h-2.5 rounded-full" style="width: 20%"> 
              </div> 
             </div> 
             <div class="text-xs text-text-tertiary mt-1">
               20% 
             </div> </td> 
            <td class="px-4 py-4 whitespace-nowrap text-center"> <span class="badge badge-warning"> 进行中 </span> </td> 
            <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium" data-ytextravalue="extra-ywaqyv11b"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3" data-ytindex="0" data-ytoriginindex="0"> 25424个 </button> </td> 
           </tr> 
          </tbody> 
         </table> 
        </div> 
       </div> 
      </div> 
      <!-- 其他线上投入 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300"> 
       <div class="flex justify-between items-center mb-6"> 
        <h3 class="text-lg font-semibold"> 其他线上投入 </h3> 
        <button class="btn-outline text-xs px-3 py-1"> <i class="fas fa-download mr-1"> </i> 导出 </button> 
       </div> 
       <div class="space-y-6"> 
        <!-- 小满CRM --> 
        <div> 
         <div class="flex justify-between items-center mb-2"> 
          <div class="flex items-center"> 
           <div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center text-green-600 mr-3"> 
            <i class="fas fa-users-cog"> </i> 
           </div> 
           <span class="text-sm font-medium"> 小满CRM </span> 
          </div> 
          <span class="text-sm font-medium"> 0.5万元 </span> 
         </div> 
         <div class="w-full bg-neutral rounded-full h-2.5 mb-1"> 
          <div class="bg-success h-2.5 rounded-full" style="width: 100%"> 
          </div> 
         </div> 
         <div class="flex justify-between text-xs text-text-tertiary"> 
          <span> 预投入: 0.5万元 </span> 
          <span> 已投入: 0.5万元 (100%) </span> 
         </div> 
        </div> 
        <!-- 社交媒体 --> 
        <div> 
         <div class="flex justify-between items-center mb-2"> 
          <div class="flex items-center"> 
           <div class="w-8 h-8 rounded-full bg-pink-100 flex items-center justify-center text-pink-600 mr-3"> 
            <i class="fas fa-share-alt"> </i> 
           </div> 
           <span class="text-sm font-medium"> 社交媒体 </span> 
          </div> 
          <span class="text-sm font-medium"> 0.8万元 </span> 
         </div> 
         <div class="w-full bg-neutral rounded-full h-2.5 mb-1"> 
          <div class="bg-primary h-2.5 rounded-full" style="width: 60%"> 
          </div> 
         </div> 
         <div class="flex justify-between text-xs text-text-tertiary"> 
          <span> 预投入: 1.3万元 </span> 
          <span> 已投入: 0.8万元 (62%) </span> 
         </div> 
        </div> 
        <!-- 行业网站 --> 
        <div> 
         <div class="flex justify-between items-center mb-2"> 
          <div class="flex items-center"> 
           <div class="w-8 h-8 rounded-full bg-yellow-100 flex items-center justify-center text-yellow-600 mr-3"> 
            <i class="fas fa-industry"> </i> 
           </div> 
           <span class="text-sm font-medium"> 行业网站 </span> 
          </div> 
          <span class="text-sm font-medium"> 0.3万元 </span> 
         </div> 
         <div class="w-full bg-neutral rounded-full h-2.5 mb-1"> 
          <div class="bg-warning h-2.5 rounded-full" style="width: 30%"> 
          </div> 
         </div> 
         <div class="flex justify-between text-xs text-text-tertiary"> 
          <span> 预投入: 1.0万元 </span> 
          <span> 已投入: 0.3万元 (30%) </span> 
         </div> 
        </div> 
        <!-- 邮件营销 --> 
        <div> 
         <div class="flex justify-between items-center mb-2"> 
          <div class="flex items-center"> 
           <div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-600 mr-3"> 
            <i class="fas fa-envelope"> </i> 
           </div> 
           <span class="text-sm font-medium"> 邮件营销 </span> 
          </div> 
          <span class="text-sm font-medium"> 0.2万元 </span> 
         </div> 
         <div class="w-full bg-neutral rounded-full h-2.5 mb-1"> 
          <div class="bg-warning h-2.5 rounded-full" style="width: 40%"> 
          </div> 
         </div> 
         <div class="flex justify-between text-xs text-text-tertiary"> 
          <span> 预投入: 0.5万元 </span> 
          <span> 已投入: 0.2万元 (40%) </span> 
         </div> 
        </div> 
       </div> 
       <div class="mt-6 pt-6 border-t border-neutral-dark"> 
        <div class="flex justify-between items-center"> 
         <span class="text-text-tertiary text-sm"> 总计 </span> 
         <div> 
          <span class="text-lg font-semibold"> 3.6万元 </span> 
          <span class="text-text-tertiary text-sm ml-1"> / 4.3万元 </span> 
         </div> 
        </div> 
        <div class="w-full bg-neutral rounded-full h-2.5 mt-2"> 
         <div class="bg-primary h-2.5 rounded-full" style="width: 84%"> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
     <!-- [/MODULE] 7d9_营销计划页面:投入分类 -- 包含阿里国际站和其他线上投入的表格/图表视图切换、营销渠道、预投入、已投入、占比和状态等数据 --> 
     <!-- [MODULE] 8k2_营销计划页面:线下展会 --> 
     <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300 mb-6"> 
      <div class="flex justify-between items-center mb-6"> 
       <h3 class="text-lg font-semibold"> 线下展会投入 </h3> 
       <div class="flex space-x-2"> 
        <button class="btn-outline text-xs px-3 py-1"> <i class="fas fa-download mr-1"> </i> 导出 </button> 
       </div> 
      </div> 
      <div class="overflow-x-auto"> 
       <table class="min-w-full divide-y divide-neutral-dark"> 
        <thead> 
         <tr> 
          <th class="table-header text-left"> 展会名称 </th> 
          <th class="table-header text-center"> 时间 </th> 
          <th class="table-header text-center"> 地点 </th> 
          <th class="table-header text-center"> 预投入(万元) </th> 
          <th class="table-header text-center"> 已投入(万元) </th> 
          <th class="table-header text-center"> 状态 </th> 
          <th class="table-header text-right"> 操作 </th> 
         </tr> 
        </thead> 
        <tbody class="divide-y divide-neutral-dark"> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <div class="w-8 h-8 rounded-full bg-red-100 flex items-center justify-center text-red-600 mr-3"> 
             <i class="fas fa-building"> </i> 
            </div> 
            <div> 
             <div class="text-sm font-medium">
               上海国际电子展 
             </div> 
             <div class="text-xs text-text-tertiary">
               春季电子消费品展会 
             </div> 
            </div> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 2024-03-15至2024-03-18 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 上海新国际博览中心 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 3.5 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 0.0 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center"> <span class="badge badge-info"> 未开始 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3"> 详情 </button> <button class="text-text-tertiary hover:text-primary transition-colors duration-200"> 编辑 </button> </td> 
         </tr> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mr-3"> 
             <i class="fas fa-globe-americas"> </i> 
            </div> 
            <div> 
             <div class="text-sm font-medium">
               广交会 
             </div> 
             <div class="text-xs text-text-tertiary">
               中国进出口商品交易会 
             </div> 
            </div> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 2024-04-15至2024-04-20 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 广州琶洲国际会展中心 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 5.0 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 0.0 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center"> <span class="badge badge-info"> 未开始 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3"> 详情 </button> <button class="text-text-tertiary hover:text-primary transition-colors duration-200"> 编辑 </button> </td> 
         </tr> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center text-green-600 mr-3"> 
             <i class="fas fa-industry"> </i> 
            </div> 
            <div> 
             <div class="text-sm font-medium">
               深圳机械展 
             </div> 
             <div class="text-xs text-text-tertiary">
               深圳国际机械制造工业展览会 
             </div> 
            </div> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 2024-05-10至2024-05-13 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 深圳会展中心 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 2.5 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center text-sm"> 0.0 </td> 
          <td class="px-4 py-4 whitespace-nowrap text-center"> <span class="badge badge-info"> 未开始 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3"> 详情 </button> <button class="text-text-tertiary hover:text-primary transition-colors duration-200"> 编辑 </button> </td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 
      <div class="mt-6 pt-6 border-t border-neutral-dark flex justify-between items-center"> 
       <div class="text-text-tertiary text-sm">
         总计预投入: 
        <span class="font-medium text-text-primary"> 11.0万元 </span> | 已投入: 
        <span class="font-medium text-primary"> 0.0万元 </span> 
       </div> 
       <div class="flex items-center text-sm text-text-tertiary"> 
        <span> 显示 1 至 3 条，共 3 条 </span> 
       </div> 
      </div> 
     </div> 
     <!-- [/MODULE] 8k2_营销计划页面:线下展会 -- 包含展会名称、时间、地点、预投入、已投入和状态等数据，以及添加展会和导出按钮 --> 
    </div> 
    <!-- 客户拜访计划页面 --> 
    <div class="tab-content hidden" id="tab-customer-visit"> 
     <!-- [MODULE] a7g_客户拜访计划页面:核心指标 --> 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-6"> 
      <!-- 拜访计划总数 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300"> 
       <div class="flex justify-between items-start mb-4"> 
        <div> 
         <p class="text-text-tertiary text-sm mb-1"> 拜访计划总数 </p> 
         <h3 class="text-3xl font-bold"> 28 </h3> 
        </div> 
        <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary"> 
         <i class="fas fa-calendar-check"> </i> 
        </div> 
       </div> 
       <div class="flex items-center"> 
        <span class="text-success flex items-center text-sm font-medium"> <i class="fas fa-arrow-up mr-1"> </i> 5 较上月 </span> 
       </div> 
      </div> 
      <!-- 完成拜访数 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300"> 
       <div class="flex justify-between items-start mb-4"> 
        <div> 
         <p class="text-text-tertiary text-sm mb-1"> 完成拜访数 </p> 
         <h3 class="text-3xl font-bold"> 14 </h3> 
        </div> 
        <div class="w-10 h-10 rounded-full bg-success/10 flex items-center justify-center text-success"> 
         <i class="fas fa-check-circle"> </i> 
        </div> 
       </div> 
       <div class="flex items-center"> 
        <span class="text-success flex items-center text-sm font-medium"> <i class="fas fa-arrow-up mr-1"> </i> 50% 完成率 </span> 
       </div> 
      </div> 
      <!-- 本周计划 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300"> 
       <div class="flex justify-between items-start mb-4"> 
        <div> 
         <p class="text-text-tertiary text-sm mb-1"> 本周计划 </p> 
         <h3 class="text-3xl font-bold"> 5 </h3> 
        </div> 
        <div class="w-10 h-10 rounded-full bg-warning/10 flex items-center justify-center text-warning"> 
         <i class="fas fa-calendar-week"> </i> 
        </div> 
       </div> 
       <div class="flex items-center"> 
        <span class="text-warning flex items-center text-sm font-medium"> <i class="fas fa-clock mr-1"> </i> 进行中: 2 </span> 
       </div> 
      </div> 
     </div> 
     <!-- [/MODULE] a7g_客户拜访计划页面:核心指标 --> 
     <!-- 功能按钮 --> 
     <div class="flex justify-end mb-6"> 
      <button class="btn-primary" id="add-visit-btn"> <i class="fas fa-plus mr-2"> </i> <span> 添加客户拜访计划 </span> </button> 
     </div> 
     <!-- [MODULE] 8k2_客户拜访计划页面:拜访列表 --> 
     <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300 mb-6"> 
      <div class="overflow-x-auto"> 
       <table class="min-w-full divide-y divide-neutral-dark"> 
        <thead> 
         <tr> 
          <th class="table-header text-left"> 计划主题 </th> 
          <th class="table-header text-left"> 关联客户 </th> 
          <th class="table-header text-left"> 计划日期 </th> 
          <th class="table-header text-left"> 主要目标 </th> 
          <th class="table-header text-left"> 负责人 </th> 
          <th class="table-header text-left"> 状态 </th> 
          <th class="table-header text-right"> 操作 </th> 
         </tr> 
        </thead> 
        <tbody class="divide-y divide-neutral-dark"> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             季度合作洽谈 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/611bbc5247e94b8f86e8d33b398128b9.png" alt="客户logo" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 深圳科技有限公司 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 2024-06-15 </td> 
          <td class="px-4 py-4 whitespace-nowrap max-w-xs truncate"> 讨论下季度产品采购计划，争取提高订单量20% </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/586e28206756bec17b6489e8f3cdf6e5.png" alt="负责人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 张明 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-warning"> 进行中 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3 edit-visit-btn" data-id="1"> <i class="fas fa-edit mr-1"> </i> 编辑 </button> <button class="text-info hover:text-blue-700 transition-colors duration-200 mr-3"> <i class="fas fa-file-alt mr-1"> </i> 纪要 </button> <button class="text-danger hover:text-red-700 transition-colors duration-200 delete-visit-btn" data-id="1"> <i class="fas fa-trash-alt mr-1"> </i> 删除 </button> </td> 
         </tr> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             新产品推介 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/794e331de8bdcebc652ebd859bb75921.png" alt="客户logo" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 广州电子集团 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 2024-06-18 </td> 
          <td class="px-4 py-4 whitespace-nowrap max-w-xs truncate"> 介绍公司最新产品线，争取达成首批采购意向 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/d40941c4f0c376fa26cfafbf96c98a9a.png" alt="负责人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 李娜 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-info"> 未开始 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3 edit-visit-btn" data-id="2"> <i class="fas fa-edit mr-1"> </i> 编辑 </button> <button class="text-info hover:text-blue-700 transition-colors duration-200 mr-3" disabled> <i class="fas fa-file-alt mr-1"> </i> 纪要 </button> <button class="text-danger hover:text-red-700 transition-colors duration-200 delete-visit-btn" data-id="2"> <i class="fas fa-trash-alt mr-1"> </i> 删除 </button> </td> 
         </tr> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             售后服务跟进 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/92820d87be231ff65d38354d0610cfb2.png" alt="客户logo" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 上海制造有限公司 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 2024-06-10 </td> 
          <td class="px-4 py-4 whitespace-nowrap max-w-xs truncate"> 跟进上月设备使用情况，收集改进建议 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/01869e96999cff0c7498e66f2f1336d2.png" alt="负责人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 王强 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-success"> 已完成 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3 edit-visit-btn" data-id="3"> <i class="fas fa-edit mr-1"> </i> 编辑 </button> <button class="text-info hover:text-blue-700 transition-colors duration-200 mr-3"> <i class="fas fa-file-alt mr-1"> </i> 纪要 </button> <button class="text-danger hover:text-red-700 transition-colors duration-200 delete-visit-btn" data-id="3"> <i class="fas fa-trash-alt mr-1"> </i> 删除 </button> </td> 
         </tr> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             战略合作洽谈 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/5ef69584dd4f60faccf05bcad7318a3a.png" alt="客户logo" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 北京贸易集团 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 2024-06-22 </td> 
          <td class="px-4 py-4 whitespace-nowrap max-w-xs truncate"> 讨论年度战略合作框架，确定优惠政策 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/9fc9a7b56eee19b4b6a76b7d222e1703.png" alt="负责人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 赵总监 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-danger"> 已延期 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3 edit-visit-btn" data-id="4"> <i class="fas fa-edit mr-1"> </i> 编辑 </button> <button class="text-info hover:text-blue-700 transition-colors duration-200 mr-3"> <i class="fas fa-file-alt mr-1"> </i> 纪要 </button> <button class="text-danger hover:text-red-700 transition-colors duration-200 delete-visit-btn" data-id="4"> <i class="fas fa-trash-alt mr-1"> </i> 删除 </button> </td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 
      <div class="mt-6 flex justify-between items-center"> 
       <div class="text-text-tertiary text-sm">
         显示 1 至 4 条，共 28 条 
       </div> 
       <div class="flex space-x-2"> 
        <button class="btn-outline px-3 py-1 disabled:opacity-50" disabled> 上一页 </button> 
        <button class="btn-primary px-3 py-1 w-8 h-8 p-0 flex items-center justify-center"> 1 </button> 
        <button class="btn-outline px-3 py-1 w-8 h-8 p-0 flex items-center justify-center"> 2 </button> 
        <button class="btn-outline px-3 py-1 w-8 h-8 p-0 flex items-center justify-center"> 3 </button> 
        <button class="btn-outline px-3 py-1"> 下一页 </button> 
       </div> 
      </div> 
     </div> 
     <!-- [/MODULE] 8k2_客户拜访计划页面:拜访列表 --> 
    </div> 
    <!-- 营销策略页面 --> 
    <div class="tab-content hidden" id="tab-marketing-strategy"> 
     <!-- [MODULE] a7g_营销策略页面:核心指标 --> 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-6"> 
      <!-- 营销策略总数 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300"> 
       <div class="flex justify-between items-start mb-4"> 
        <div> 
         <p class="text-text-tertiary text-sm mb-1"> 营销策略总数 </p> 
         <h3 class="text-3xl font-bold"> 10 </h3> 
        </div> 
        <div class="w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary"> 
         <i class="fas fa-lightbulb"> </i> 
        </div> 
       </div> 
       <div class="flex items-center"> 
        <span class="text-success flex items-center text-sm font-medium"> <i class="fas fa-arrow-up mr-1"> </i> 2 较上季度 </span> 
       </div> 
      </div> 
      <!-- 进行中策略 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300"> 
       <div class="flex justify-between items-start mb-4"> 
        <div> 
         <p class="text-text-tertiary text-sm mb-1"> 进行中策略 </p> 
         <h3 class="text-3xl font-bold"> 6 </h3> 
        </div> 
        <div class="w-10 h-10 rounded-full bg-warning/10 flex items-center justify-center text-warning"> 
         <i class="fas fa-spinner"> </i> 
        </div> 
       </div> 
       <div class="flex items-center"> 
        <span class="text-warning flex items-center text-sm font-medium"> <i class="fas fa-clock mr-1"> </i> 60% 执行率 </span> 
       </div> 
      </div> 
      <!-- 已完成策略 --> 
      <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300"> 
       <div class="flex justify-between items-start mb-4"> 
        <div> 
         <p class="text-text-tertiary text-sm mb-1"> 已完成策略 </p> 
         <h3 class="text-3xl font-bold"> 2 </h3> 
        </div> 
        <div class="w-10 h-10 rounded-full bg-success/10 flex items-center justify-center text-success"> 
         <i class="fas fa-check-circle"> </i> 
        </div> 
       </div> 
       <div class="flex items-center"> 
        <span class="text-success flex items-center text-sm font-medium"> <i class="fas fa-arrow-up mr-1"> </i> 20% 完成率 </span> 
       </div> 
      </div> 
     </div> 
     <!-- [/MODULE] a7g_营销策略页面:核心指标 --> 
     <!-- 功能按钮 --> 
     <div class="flex justify-end mb-6"> 
      <button class="btn-primary" id="add-strategy-btn"> <i class="fas fa-plus mr-2"> </i> <span> 添加营销策略 </span> </button> 
     </div> 
     <!-- [MODULE] 7d9_营销策略页面:策略列表 --> 
     <div class="bg-white rounded-lg card-shadow p-6 hover:shadow-lg transition-all duration-300 mb-6"> 
      <div class="overflow-x-auto"> 
       <table class="min-w-full divide-y divide-neutral-dark"> 
        <thead> 
         <tr> 
          <th class="table-header text-left"> 策略名称 </th> 
          <th class="table-header text-left"> 客户类型 </th> 
          <th class="table-header text-left"> 主要负责人 </th> 
          <th class="table-header text-left"> 实施周期 </th> 
          <th class="table-header text-left"> 状态 </th> 
          <th class="table-header text-right"> 操作 </th> 
         </tr> 
        </thead> 
        <tbody class="divide-y divide-neutral-dark"> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             2024年Q2产品推广策略 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-primary"> 新客户 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/69d8ad373d3abfc98a0e3dbc2857adff.png" alt="负责人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 张明 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 2024-04-01 至 2024-06-30 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-success"> 进行中 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3 edit-strategy-btn" data-id="1"> <i class="fas fa-edit mr-1"> </i> 编辑 </button> <button class="text-danger hover:text-red-700 transition-colors duration-200 delete-strategy-btn" data-id="1"> <i class="fas fa-trash-alt mr-1"> </i> 删除 </button> </td> 
         </tr> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             老客户回馈计划 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-success"> 老客户 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/af24859671e80f0013dc13de5f61b1ae.png" alt="负责人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 李娜 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 2024-01-01 至 2024-12-31 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-success"> 进行中 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3 edit-strategy-btn" data-id="2"> <i class="fas fa-edit mr-1"> </i> 编辑 </button> <button class="text-danger hover:text-red-700 transition-colors duration-200 delete-strategy-btn" data-id="2"> <i class="fas fa-trash-alt mr-1"> </i> 删除 </button> </td> 
         </tr> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             社交媒体营销计划 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-primary"> 新客户 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/b8ccc970d6397bfbb368c38567cd8ae1.png" alt="负责人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 王强 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 2024-03-01 至 2024-09-30 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-warning"> 计划中 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3 edit-strategy-btn" data-id="3"> <i class="fas fa-edit mr-1"> </i> 编辑 </button> <button class="text-danger hover:text-red-700 transition-colors duration-200 delete-strategy-btn" data-id="3"> <i class="fas fa-trash-alt mr-1"> </i> 删除 </button> </td> 
         </tr> 
         <tr class="table-row"> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="font-medium">
             2024年展会营销策略 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-primary"> 新客户 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 
           <div class="flex items-center"> 
            <img src="./1969766167933353984/8297a2c8d0a8e7cfc1836c25f06dc422.png" alt="负责人头像" class="w-6 h-6 rounded-full mr-2 object-cover"> 
            <span> 赵伟 </span> 
           </div> </td> 
          <td class="px-4 py-4 whitespace-nowrap"> 2024-06-01 至 2024-12-31 </td> 
          <td class="px-4 py-4 whitespace-nowrap"> <span class="badge badge-success"> 进行中 </span> </td> 
          <td class="px-4 py-4 whitespace-nowrap text-right text-sm font-medium"> <button class="text-primary hover:text-accent transition-colors duration-200 mr-3 edit-strategy-btn" data-id="4"> <i class="fas fa-edit mr-1"> </i> 编辑 </button> <button class="text-danger hover:text-red-700 transition-colors duration-200 delete-strategy-btn" data-id="4"> <i class="fas fa-trash-alt mr-1"> </i> 删除 </button> </td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 
      <div class="mt-6 flex justify-between items-center"> 
       <div class="text-text-tertiary text-sm">
         显示 1 至 4 条，共 10 条 
       </div> 
       <div class="flex space-x-2"> 
        <button class="btn-outline px-3 py-1 disabled:opacity-50" disabled> 上一页 </button> 
        <button class="btn-primary px-3 py-1 w-8 h-8 p-0 flex items-center justify-center"> 1 </button> 
        <button class="btn-outline px-3 py-1 w-8 h-8 p-0 flex items-center justify-center"> 2 </button> 
        <button class="btn-outline px-3 py-1 w-8 h-8 p-0 flex items-center justify-center"> 3 </button> 
        <button class="btn-outline px-3 py-1"> 下一页 </button> 
       </div> 
      </div> 
     </div> 
     <!-- [/MODULE] 7d9_营销策略页面:策略列表 --> 
    </div> 
   </div> 
   <!-- [/MODULE] d23_营销计划页面 --> 
  </main> 
  <!-- [/MODULE] abc_主内容区域 --> 
  <!-- 添加客户拜访计划模态框 --> 
  <div class="modal-backdrop hidden" id="visit-modal-backdrop"> 
   <div class="modal-content absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> 
    <div class="p-6 border-b border-neutral-dark flex justify-between items-center"> 
     <h3 class="text-xl font-bold" id="visit-modal-title"> 新建客户拜访计划 </h3> 
     <button class="text-text-secondary hover:text-primary transition-colors duration-200" id="close-visit-modal"> <i class="fas fa-times text-xl"> </i> </button> 
    </div> 
    <div class="p-6 space-y-6" id="visit-modal-content"> 
     <form id="visit-form"> 
      <input type="hidden" id="visit-id"> 
      <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> 
       <div> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="visit-title"> 计划主题 <span class="text-danger"> * </span> </label> 
        <input type="text" id="visit-title" class="input-field" placeholder="请输入计划主题" required> 
       </div> 
       <div> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="visit-customer"> 关联客户 <span class="text-danger"> * </span> </label> 
        <select id="visit-customer" class="input-field" required> <option value> 请选择客户 </option> <option value="1"> 深圳科技有限公司 </option> <option value="2"> 广州电子集团 </option> <option value="3"> 上海制造有限公司 </option> <option value="4"> 北京贸易集团 </option> <option value="5"> 杭州创新科技 </option> </select> 
       </div> 
       <div> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="visit-date"> 计划拜访时间 <span class="text-danger"> * </span> </label> 
        <input type="datetime-local" id="visit-date" class="input-field" required> 
       </div> 
       <div> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="visit-participants"> 协同参与人 </label> 
        <select id="visit-participants" class="input-field" multiple> <option value="1"> 张明 (销售部) </option> <option value="2"> 李娜 (市场部) </option> <option value="3"> 王强 (技术部) </option> <option value="4"> 赵伟 (产品部) </option> </select> 
        <p class="text-xs text-text-tertiary mt-1"> 按住Ctrl键可多选 </p> 
       </div> 
       <div class="md:col-span-2"> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="visit-goal"> 本次拜访主要目标 <span class="text-danger"> * </span> </label> 
        <textarea id="visit-goal" rows="3" class="input-field" placeholder="请输入本次拜访主要目标" required>
        </textarea> 
       </div> 
       <div class="md:col-span-2"> 
        <label class="block text-sm font-medium text-text-primary mb-2"> 计划状态 <span class="text-danger"> * </span> </label> 
        <div class="flex space-x-6" id="visit-status-group"> 
         <label class="inline-flex items-center"> <input type="radio" name="visit-status" value="not-started" class="form-radio text-primary" checked> <span class="ml-2"> 未开始 </span> </label> 
         <label class="inline-flex items-center"> <input type="radio" name="visit-status" value="in-progress" class="form-radio text-primary"> <span class="ml-2"> 进行中 </span> </label> 
         <label class="inline-flex items-center"> <input type="radio" name="visit-status" value="completed" class="form-radio text-primary"> <span class="ml-2"> 已完成 </span> </label> 
         <label class="inline-flex items-center"> <input type="radio" name="visit-status" value="delayed" class="form-radio text-primary"> <span class="ml-2"> 已延期 </span> </label> 
         <label class="inline-flex items-center"> <input type="radio" name="visit-status" value="cancelled" class="form-radio text-primary"> <span class="ml-2"> 已取消 </span> </label> 
        </div> 
       </div> 
       <div class="md:col-span-2 hidden" id="visit-minutes-group"> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="visit-minutes"> 拜访纪要 <span class="text-danger"> * </span> </label> 
        <textarea id="visit-minutes" rows="4" class="input-field" placeholder="请输入拜访纪要">
        </textarea> 
       </div> 
       <div class="md:col-span-2 hidden" id="visit-reason-group"> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="visit-reason"> 原因说明 <span class="text-danger"> * </span> </label> 
        <input type="text" id="visit-reason" class="input-field" placeholder="请输入原因说明"> 
       </div> 
      </div> 
     </form> 
    </div> 
    <div class="p-6 border-t border-neutral-dark flex justify-end space-x-3"> 
     <button class="btn-outline" id="cancel-visit-modal"> 取消 </button> 
     <button class="btn-primary" id="save-visit-modal"> 提交 </button> 
    </div> 
   </div> 
  </div> 
  <!-- 添加营销策略模态框 --> 
  <div class="modal-backdrop hidden" id="strategy-modal-backdrop"> 
   <div class="modal-content absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"> 
    <div class="p-6 border-b border-neutral-dark flex justify-between items-center"> 
     <h3 class="text-xl font-bold" id="strategy-modal-title"> 新建营销策略 </h3> 
     <button class="text-text-secondary hover:text-primary transition-colors duration-200" id="close-strategy-modal"> <i class="fas fa-times text-xl"> </i> </button> 
    </div> 
    <div class="p-6 space-y-6" id="strategy-modal-content"> 
     <form id="strategy-form"> 
      <input type="hidden" id="strategy-id"> 
      <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> 
       <div> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="strategy-name"> 策略名称 <span class="text-danger"> * </span> </label> 
        <input type="text" id="strategy-name" class="input-field" placeholder="请输入策略名称" required> 
       </div> 
       <div> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="strategy-type"> 策略类型 <span class="text-danger"> * </span> </label> 
        <select id="strategy-type" class="input-field" required> <option value> 请选择策略类型 </option> <option value="customer"> 客户策略 </option> <option value="market"> 市场策略 </option> <option value="product"> 产品策略 </option> <option value="competition"> 竞争策略 </option> </select> 
       </div> 
       <div> 
        <label class="block text-sm font-medium text-text-primary mb-2"> 客户类型 <span class="text-danger"> * </span> </label> 
        <div class="flex space-x-6" id="customer-type-group"> 
         <label class="inline-flex items-center"> <input type="radio" name="customer-type" value="new" class="form-radio text-primary" checked> <span class="ml-2"> 新客户 </span> </label> 
         <label class="inline-flex items-center"> <input type="radio" name="customer-type" value="existing" class="form-radio text-primary"> <span class="ml-2"> 老客户 </span> </label> 
        </div> 
       </div> 
       <div> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="strategy-goal"> 策略目标 <span class="text-danger"> * </span> </label> 
        <input type="text" id="strategy-goal" class="input-field" placeholder="请输入策略目标" required> 
       </div> 
       <div class="md:col-span-2"> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="strategy-desc"> 核心策略说明 <span class="text-danger"> * </span> </label> 
        <textarea id="strategy-desc" rows="3" class="input-field" placeholder="请输入核心策略说明" required>
        </textarea> 
       </div> 
       <div class="md:col-span-2"> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="strategy-period"> 策略实施周期 <span class="text-danger"> * </span> </label> 
        <div class="flex space-x-4"> 
         <input type="date" id="strategy-start" class="input-field flex-1" required> 
         <span class="flex items-center text-text-tertiary"> 至 </span> 
         <input type="date" id="strategy-end" class="input-field flex-1" required> 
        </div> 
       </div> 
       <div> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="strategy-manager"> 主要负责人 <span class="text-danger"> * </span> </label> 
        <select id="strategy-manager" class="input-field" required> <option value> 请选择负责人 </option> <option value="1"> 张明 (销售部) </option> <option value="2"> 李娜 (市场部) </option> <option value="3"> 王强 (技术部) </option> <option value="4"> 赵伟 (产品部) </option> </select> 
       </div> 
       <div> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="strategy-participants"> 协同参与成员 </label> 
        <select id="strategy-participants" class="input-field" multiple> <option value="1"> 张明 (销售部) </option> <option value="2"> 李娜 (市场部) </option> <option value="3"> 王强 (技术部) </option> <option value="4"> 赵伟 (产品部) </option> </select> 
        <p class="text-xs text-text-tertiary mt-1"> 按住Ctrl键可多选 </p> 
       </div> 
       <div class="md:col-span-2"> 
        <label class="block text-sm font-medium text-text-primary mb-2"> 策略状态 <span class="text-danger"> * </span> </label> 
        <div class="flex space-x-6" id="strategy-status-group"> 
         <label class="inline-flex items-center"> <input type="radio" name="strategy-status" value="not-started" class="form-radio text-primary"> <span class="ml-2"> 未开始 </span> </label> 
         <label class="inline-flex items-center"> <input type="radio" name="strategy-status" value="in-progress" class="form-radio text-primary" checked> <span class="ml-2"> 进行中 </span> </label> 
         <label class="inline-flex items-center"> <input type="radio" name="strategy-status" value="completed" class="form-radio text-primary"> <span class="ml-2"> 已完成 </span> </label> 
         <label class="inline-flex items-center"> <input type="radio" name="strategy-status" value="cancelled" class="form-radio text-primary"> <span class="ml-2"> 已取消 </span> </label> 
        </div> 
       </div> 
       <div class="md:col-span-2 hidden" id="strategy-summary-group"> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="strategy-summary"> 策略总结 <span class="text-danger"> * </span> </label> 
        <textarea id="strategy-summary" rows="4" class="input-field" placeholder="请输入策略总结">
        </textarea> 
       </div> 
       <div class="md:col-span-2 hidden" id="strategy-cancel-reason-group"> 
        <label class="block text-sm font-medium text-text-primary mb-2" for="strategy-cancel-reason"> 取消原因 <span class="text-danger"> * </span> </label> 
        <input type="text" id="strategy-cancel-reason" class="input-field" placeholder="请输入取消原因"> 
       </div> 
      </div> 
     </form> 
    </div> 
    <div class="p-6 border-t border-neutral-dark flex justify-end space-x-3"> 
     <button class="btn-outline" id="cancel-strategy-modal"> 取消 </button> 
     <button class="btn-primary" id="save-strategy-modal"> 提交 </button> 
    </div> 
   </div> 
  </div> 
  <!-- [JSMOD] eft_菜单交互 --> 
  <script id="menu-script">document.addEventListener('DOMContentLoaded', () => {
            // 菜单切换功能
            const menuItems = document.querySelectorAll('.menu-item[data-menu]');
            menuItems.forEach(item => {
                item.addEventListener('click', () => {
                    document.querySelectorAll('.menu-item').forEach(menu => {
                        menu.classList.remove('menu-item-active');
                    });
                    item.classList.add('menu-item-active');
                    
                    const menuId = item.getAttribute('data-menu');
                    const submenu = document.getElementById(`submenu-${menuId}`);
                    const icon = item.querySelector('i:last-child');
                    
                    if (submenu && submenu.classList.contains('hidden')) {
                        submenu.classList.remove('hidden');
                        if (icon) {
                            icon.classList.remove('fa-chevron-right');
                            icon.classList.add('fa-chevron-down');
                        }
                    } else if (submenu) {
                        submenu.classList.add('hidden');
                        if (icon) {
                            icon.classList.remove('fa-chevron-down');
                            icon.classList.add('fa-chevron-right');
                        }
                    }
                });
            });
            
            // 子菜单切换功能
            const submenuItems = document.querySelectorAll('.submenu-item[data-page]');
            submenuItems.forEach(item => {
                item.addEventListener('click', () => {
                    document.querySelectorAll('.submenu-item').forEach(submenu => {
                        submenu.classList.remove('submenu-item-active');
                    });
                    item.classList.add('submenu-item-active');
                    
                    const pageId = item.getAttribute('data-page');
                    const parentMenu = item.closest('.submenu').id.replace('submenu-', '');
                    const parentMenuText = document.querySelector(`.menu-item[data-menu="${parentMenu}"] span`)?.textContent || '';
                    const currentMenuText = item.querySelector('span').textContent;
                    
                    document.getElementById('breadcrumb').innerHTML = `



<span>${parentMenuText}</span>
  <i class="fas fa-angle-right mx-2 text-xs">
  </i>
  <span>${currentMenuText}</span>
    
    
    
  `;
                    
                    document.querySelectorAll('.page').forEach(page => {
                        page.classList.add('hidden');
                    });
                    const targetPage = document.getElementById(`page-${pageId}`);
                    if (targetPage) {
                        targetPage.classList.remove('hidden');
                    }
                });
            });
            
            // 侧边栏切换功能
            const toggleSidebar = document.getElementById('toggle-sidebar');
            const sidebar = document.getElementById('sidebar');
            toggleSidebar.addEventListener('click', () => {
                if (sidebar.classList.contains('w-220')) {
                    sidebar.classList.remove('w-220');
                    sidebar.classList.add('w-20');
                    document.querySelectorAll('.menu-item span:first-of-type').forEach(text => {
                        text.classList.add('hidden');
                    });
                    document.querySelectorAll('.submenu').forEach(submenu => {
                        submenu.classList.add('hidden');
                    });
                    document.querySelectorAll('.menu-item i:last-child').forEach(icon => {
                        icon.classList.add('hidden');
                    });
                } else {
                    sidebar.classList.remove('w-20');
                    sidebar.classList.add('w-220');
                    document.querySelectorAll('.menu-item span:first-of-type').forEach(text => {
                        text.classList.remove('hidden');
                    });
                    document.querySelectorAll('.menu-item-active').forEach(menu => {
                        const menuId = menu.getAttribute('data-menu');
                        const submenu = document.getElementById(`submenu-${menuId}`);
                        if (submenu) {
                            submenu.classList.remove('hidden');
                        }
                    });
                    document.querySelectorAll('.menu-item i:last-child').forEach(icon => {
                        icon.classList.remove('hidden');
                    });
                }
            });
        });</script> 
  <!-- [JSMOD] tab_标签切换逻辑 --> 
  <script id="tab-script">document.addEventListener('DOMContentLoaded', () => {
            const tabItems = document.querySelectorAll('.tab-item');
            const tabContents = document.querySelectorAll('.tab-content');
            
            tabItems.forEach(tab => {
                tab.addEventListener('click', () => {
                    const tabId = tab.getAttribute('data-tab');
                    
                    tabItems.forEach(item => {
                        item.classList.remove('active', 'bg-primary/10', 'text-primary');
                        item.classList.add('text-text-secondary');
                    });
                    tab.classList.add('active', 'bg-primary/10', 'text-primary');
                    tab.classList.remove('text-text-secondary');
                    
                    tabContents.forEach(content => {
                        content.classList.add('hidden');
                    });
                    const targetContent = document.getElementById(`tab-${tabId}`);
                    if (targetContent) {
                        targetContent.classList.remove('hidden');
                    }
                });
            });
        });</script> 
  <!-- [JSMOD] f3g_图表初始化 --> 
  <script id="chart-script">document.addEventListener('DOMContentLoaded', () => {
            // 阿里国际站投入图表初始化
            const initAliInvestmentChart = () => {
                const chartDom = document.getElementById('ali-investment-chart');
                if (!chartDom) return;
                
                const myChart = echarts.init(chartDom);
                const option = {
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow'
                        }
                    },
                    legend: {
                        data: ['预投入', '已投入'],
                        bottom: 0
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '15%',
                        top: '5%',
                        containLabel: true
                    },
                    xAxis: {
                        type: 'category',
                        data: ['出口通', '全品诚企', 'P4P推广'],
                        axisLabel: {
                            interval: 0
                        }
                    },
                    yAxis: {
                        type: 'value',
                        name: '投入金额(万元)',
                        nameTextStyle: {
                            fontSize: 12
                        }
                    },
                    series: [
                        {
                            name: '预投入',
                            type: 'bar',
                            data: [2.0, 1.5, 1.0],
                            itemStyle: {
                                color: '#F5F7FA',
                                borderColor: '#E5E6EB',
                                borderWidth: 1
                            }
                        },
                        {
                            name: '已投入',
                            type: 'bar',
                            data: [2.0, 0.8, 0.2],
                            itemStyle: {
                                color: '#165DFF'
                            }
                        }
                    ]
                };
                
                option && myChart.setOption(option);
                
                window.addEventListener('resize', () => {
                    myChart.resize();
                });
                
                return myChart;
            };
            
            const aliChart = initAliInvestmentChart();
            
            // 视图切换功能
            const toggleChartBtn = document.getElementById('toggle-chart');
            const toggleTableBtn = document.getElementById('toggle-table');
            const chartView = document.getElementById('ali-chart-view');
            const tableView = document.getElementById('ali-table-view');
            
            if (toggleChartBtn && toggleTableBtn && chartView && tableView) {
                toggleChartBtn.addEventListener('click', () => {
                    chartView.classList.remove('hidden');
                    tableView.classList.add('hidden');
                    toggleChartBtn.classList.remove('text-text-tertiary');
                    toggleChartBtn.classList.add('text-primary', 'font-medium');
                    toggleTableBtn.classList.remove('text-primary', 'font-medium');
                    toggleTableBtn.classList.add('text-text-tertiary');
                    
                    if (aliChart) {
                        aliChart.resize();
                    }
                });
                
                toggleTableBtn.addEventListener('click', () => {
                    chartView.classList.add('hidden');
                    tableView.classList.remove('hidden');
                    toggleTableBtn.classList.remove('text-text-tertiary');
                    toggleTableBtn.classList.add('text-primary', 'font-medium');
                    toggleChartBtn.classList.remove('text-primary', 'font-medium');
                    toggleChartBtn.classList.add('text-text-tertiary');
                });
            }
            
            // 环形进度条动画
            const animateProgress = () => {
                const onlineProgress = document.getElementById('online-progress');
                if (onlineProgress) {
                    const offset = 283 - (283 * 22 / 100);
                    onlineProgress.style.strokeDashoffset = offset;
                }
            };
            
            animateProgress();
        });</script> 
  <!-- [JSMOD] visit_modal_客户拜访计划模态框 --> 
  <script id="visit-modal-script">document.addEventListener('DOMContentLoaded', () => {
            const addVisitBtn = document.getElementById('add-visit-btn');
            const editVisitBtns = document.querySelectorAll('.edit-visit-btn');
            const deleteVisitBtns = document.querySelectorAll('.delete-visit-btn');
            const visitModalBackdrop = document.getElementById('visit-modal-backdrop');
            const closeVisitModal = document.getElementById('close-visit-modal');
            const cancelVisitModal = document.getElementById('cancel-visit-modal');
            const saveVisitModal = document.getElementById('save-visit-modal');
            const visitModalTitle = document.getElementById('visit-modal-title');
            const visitIdInput = document.getElementById('visit-id');
            const visitForm = document.getElementById('visit-form');
            
            // 状态相关元素
            const visitStatusRadios = document.querySelectorAll('input[name="visit-status"]');
            const visitMinutesGroup = document.getElementById('visit-minutes-group');
            const visitReasonGroup = document.getElementById('visit-reason-group');
            
            // 打开模态框
            const openVisitModal = (isEdit = false, id = null) => {
                if (isEdit && id) {
                    visitModalTitle.textContent = '编辑客户拜访计划';
                    visitIdInput.value = id;
                    // 这里应该根据ID加载数据并填充表单
                } else {
                    visitModalTitle.textContent = '新建客户拜访计划';
                    visitIdInput.value = '';
                    visitForm.reset();
                    visitMinutesGroup.classList.add('hidden');
                    visitReasonGroup.classList.add('hidden');
                    document.querySelector('input[name="visit-status"][value="not-started"]').checked = true;
                }
                visitModalBackdrop.classList.remove('hidden');
                document.body.classList.add('overflow-hidden');
            };
            
            // 关闭模态框
            const closeModal = () => {
                visitModalBackdrop.classList.add('hidden');
                document.body.classList.remove('overflow-hidden');
            };
            
            // 添加按钮点击事件
            addVisitBtn.addEventListener('click', () => {
                openVisitModal(false);
            });
            
            // 编辑按钮点击事件
            editVisitBtns.forEach(btn => {
                btn.addEventListener('click', () => {
                    const id = btn.getAttribute('data-id');
                    openVisitModal(true, id);
                });
            });
            
            // 删除按钮点击事件
            deleteVisitBtns.forEach(btn => {
                btn.addEventListener('click', () => {
                    const id = btn.getAttribute('data-id');
                    if (confirm('确定要删除这条拜访计划吗？')) {
                        // 这里应该添加删除逻辑
                        console.log('删除拜访计划:', id);
                    }
                });
            });
            
            // 关闭模态框事件
            closeVisitModal.addEventListener('click', closeModal);
            cancelVisitModal.addEventListener('click', closeModal);
            
            // 点击模态框背景关闭
            visitModalBackdrop.addEventListener('click', (e) => {
                if (e.target === visitModalBackdrop) {
                    closeModal();
                }
            });
            
            // 状态变更事件
            visitStatusRadios.forEach(radio => {
                radio.addEventListener('change', () => {
                    const value = radio.value;
                    
                    // 隐藏所有动态组
                    visitMinutesGroup.classList.add('hidden');
                    visitReasonGroup.classList.add('hidden');
                    
                    // 根据选中状态显示相应的组
                    if (value === 'completed') {
                        visitMinutesGroup.classList.remove('hidden');
                    } else if (value === 'delayed' || value === 'cancelled') {
                        visitReasonGroup.classList.remove('hidden');
                    }
                });
            });
            
            // 保存按钮点击事件
            saveVisitModal.addEventListener('click', () => {
                if (visitForm.checkValidity()) {
                    // 这里应该添加表单提交逻辑
                    alert('保存成功！');
                    closeModal();
                } else {
                    visitForm.reportValidity();
                }
            });
        });</script> 
  <!-- [JSMOD] strategy_modal_营销策略模态框 --> 
  <script id="strategy-modal-script">document.addEventListener('DOMContentLoaded', () => {
            const addStrategyBtn = document.getElementById('add-strategy-btn');
            const editStrategyBtns = document.querySelectorAll('.edit-strategy-btn');
            const deleteStrategyBtns = document.querySelectorAll('.delete-strategy-btn');
            const strategyModalBackdrop = document.getElementById('strategy-modal-backdrop');
            const closeStrategyModal = document.getElementById('close-strategy-modal');
            const cancelStrategyModal = document.getElementById('cancel-strategy-modal');
            const saveStrategyModal = document.getElementById('save-strategy-modal');
            const strategyModalTitle = document.getElementById('strategy-modal-title');
            const strategyIdInput = document.getElementById('strategy-id');
            const strategyForm = document.getElementById('strategy-form');
            
            // 状态相关元素
            const strategyStatusRadios = document.querySelectorAll('input[name="strategy-status"]');
            const strategySummaryGroup = document.getElementById('strategy-summary-group');
            const strategyCancelReasonGroup = document.getElementById('strategy-cancel-reason-group');
            
            // 打开模态框
            const openStrategyModal = (isEdit = false, id = null) => {
                if (isEdit && id) {
                    strategyModalTitle.textContent = '编辑营销策略';
                    strategyIdInput.value = id;
                    // 这里应该根据ID加载数据并填充表单
                } else {
                    strategyModalTitle.textContent = '新建营销策略';
                    strategyIdInput.value = '';
                    strategyForm.reset();
                    strategySummaryGroup.classList.add('hidden');
                    strategyCancelReasonGroup.classList.add('hidden');
                    document.querySelector('input[name="strategy-status"][value="in-progress"]').checked = true;
                }
                strategyModalBackdrop.classList.remove('hidden');
                document.body.classList.add('overflow-hidden');
            };
            
            // 关闭模态框
            const closeModal = () => {
                strategyModalBackdrop.classList.add('hidden');
                document.body.classList.remove('overflow-hidden');
            };
            
            // 添加按钮点击事件
            addStrategyBtn.addEventListener('click', () => {
                openStrategyModal(false);
            });
            
            // 编辑按钮点击事件
            editStrategyBtns.forEach(btn => {
                btn.addEventListener('click', () => {
                    const id = btn.getAttribute('data-id');
                    openStrategyModal(true, id);
                });
            });
            
            // 删除按钮点击事件
            deleteStrategyBtns.forEach(btn => {
                btn.addEventListener('click', () => {
                    const id = btn.getAttribute('data-id');
                    if (confirm('确定要删除这条营销策略吗？')) {
                        // 这里应该添加删除逻辑
                        console.log('删除营销策略:', id);
                    }
                });
            });
            
            // 关闭模态框事件
            closeStrategyModal.addEventListener('click', closeModal);
            cancelStrategyModal.addEventListener('click', closeModal);
            
            // 点击模态框背景关闭
            strategyModalBackdrop.addEventListener('click', (e) => {
                if (e.target === strategyModalBackdrop) {
                    closeModal();
                }
            });
            
            // 状态变更事件
            strategyStatusRadios.forEach(radio => {
                radio.addEventListener('change', () => {
                    const value = radio.value;
                    
                    // 隐藏所有动态组
                    strategySummaryGroup.classList.add('hidden');
                    strategyCancelReasonGroup.classList.add('hidden');
                    
                    // 根据选中状态显示相应的组
                    if (value === 'completed') {
                        strategySummaryGroup.classList.remove('hidden');
                    } else if (value === 'cancelled') {
                        strategyCancelReasonGroup.classList.remove('hidden');
                    }
                });
            });
            
            // 保存按钮点击事件
            saveStrategyModal.addEventListener('click', () => {
                if (strategyForm.checkValidity()) {
                    // 这里应该添加表单提交逻辑
                    alert('保存成功！');
                    closeModal();
                } else {
                    strategyForm.reportValidity();
                }
            });
        });</script>  
 </body>
</html>